<div id="tabs">
<form class="form-horizontal" id="ae_form" action="/italiaCives/segnalazione/Create" method="post" enctype=multipart/form-data  role="form">
    <fieldset>
<input type="hidden" name="id" value="{{pageData['dao'].id}}"/>
<ul>
<li><a href="#tabs-1" title="Informazioni principali ed obbligatorie">Dati principali</a></li>
<li><a href="#tabs-2" title="foto">Storico</a></li>
</ul>
<!-- TAB 1 -->
<div id="tabs-1">
    <div class="form-group">
        <label class="col-sm-2 col-lg-2 control-label" >Numero:</label>
        <div class="col-sm-5 col-lg-5">
            <p class="form-control-static">{{pageData["dao"].numero|nonone}}</p>
        </div>
    </div>

    <div class="form-group" title="">
        <label class="col-sm-3 col-lg-3 control-label" for="denominazione">Denominazione:</label>
        <div class="col-sm-9 col-lg-9">
            <input class="form-control" type="text" id="denominazione" name="denominazione" value='{{pageData["dao"].denominazione|nonone}}' />
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 col-lg-3 control-label" for="id_tipo_segnalazione" >Tipologia:</label>
        <div class="col-sm-9 col-lg-9">
            <select id="id_tipo_segnalazione" name="id_tipo_segnalazione" class="validate[required]">
                {% for t in pageData['tiposegnalazione'] %}
                    <option value="{{t.id}}" {{ 'selected="selected"' if t.id == pageData["dao"].id_tipo_segnalazione}}  >{{t.denominazione}} </option>
                {% endfor %}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 col-lg-3 control-label" for="id_tipo_segnalazione" >Priorità:</label>
        <div class="col-sm-9 col-lg-9">
            <select id="id_priorita_segnalazione" name="id_priorita_segnalazione" class="validate[required]">
                {% for t in pageData['prioritasegnalazione'] %}
                    <option value="{{t.id}}" {{ 'selected="selected"' if t.id == pageData["dao"].id_priorita_segnalazione}}  >{{t.denominazione}} </option>
                {% endfor %}
            </select>
        </div>
    </div>
    <div class="form-group" title="">
        <label class="col-sm-3 col-lg-3 control-label" for="descrizione">Descrizione:</label>
        <div class="col-sm-9 col-lg-9">
            <textarea class="form-control" type="text" id="descrizione "name="descrizione" rows=10" cols="45">{{pageData['dao'].descrizione|nonone}}</textarea>
        </div>
    </div>
    <div class="form-group" title="">
        <label class="col-sm-3 col-lg-3 control-label" for="immagine">Immagine allegata:</label>
        <div class="col-sm-9 col-lg-9">
                {% if pageData['dao'].immagine %}
            <div class="fileinput fileinput-exists" data-provides="fileinput">
                {% else %}
            <div class="fileinput fileinput-new" data-provides="fileinput">
                {% endif %}
                <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 150px;height:150px;">
                    <img class="img-thumbnail img-responsive" src="data:image/png;base64,{{pageData['dao'].immagine}}" alt="immagine"  />
                </div>
                <div>
                    <span class="btn btn-danger btn-file">
                    <span class="fileinput-new">Seleziona</span>
                    <span class="fileinput-exists">Cambia</span>
                        <input class="" type="file" name="immagine" id="immagine">
                    </span>
                        <a href="#" class="btn btn-info fileinput-exists" data-dismiss="fileinput">Rimuovi</a>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 col-lg-3 control-label" >Data inserimento:</label>
        <div class="col-sm-9 col-lg-9">
            <p class="form-control-static">{{pageData["dao"].registration_date|nonone|datetimeformat}}</p>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 col-lg-3 control-label" for="id_stato_segnalazione" >Stato :</label>
        <div class="col-sm-9 col-lg-9">
            <select id="id_stato_segnalazione" name="id_stato_segnalazione" disabled class="validate[required]">
                {% for t in pageData['statosegnalazione'] %}
                    <option value="{{t.id}}" {{ 'selected="selected"' if t.id == pageData["dao"].id_stato_segnalazione}}  >{{t.denominazione}} </option>
                {% endfor %}
            </select>
        </div>
    </div>
</div>
<!-- fine TAB 1 -->
<!-- TAB2 -->
<div id="tabs-2">
    <p>Qui andrà lo storico della segnalazione</p>
</div>
</fieldset>
<div class="form-group" title="Bottoni di salvataggio e reset del form">
        <div class="col-sm-5 col-lg-5 col-sm-offset-2">
            <input class="btn btn-primary" type="submit" value="Salva" name="add"/>
            <input class="btn btn-danger" type="button" data-dismiss="modal" value="Chiudi" name="chiudi" id="chiudi_edit"/>
        </div>
    </div>

</form>
</div>
<script type="text/javascript" src="/tpl/pg/js/plugins/tinymce/tiny_mce.js"></script>
<script type="text/javascript" src="/tpl/pg/js/plugins/tinymce/jquery.tinymce.js"></script>
<script>
  $(document).ready(function(){

$( "#ae_form" ).validationEngine({
                    prettySelect : true,
                    useSuffix: "_chosen",
                });
$( "#id_tipo_segnalazione" ).chosen({
                    width: '50%',
                    disable_search:true,
                    allow_single_deselect: true})
$( "#id_priorita_segnalazione" ).chosen({
                    width: '50%',
                    disable_search:true,
                    allow_single_deselect: true})
$( "#id_stato_segnalazione" ).chosen({
                    width: '50%',
                    disable_search:true,
                    allow_single_deselect: true})
$( "#tabs" ).tabs();


});

    $("a[rel^='prettyPhoto']").prettyPhoto();

$("a[data-target=#myModall]").click(function(ev) {
    ev.preventDefault();
    var target = $(this).attr("href");
    // load the url and show modal on success
    $("#myModall .modal-body").empty()
    $("#myModall .modal-body").load(target, function() {
         $("#myModal").modal("show");
    });
});


$('#myModall').on('hidden.bs.modal', function() {
    $(this).removeData('bs.modal');
    });


</script>
